<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
    <h:head>
        <title>Conciencia Fonológica </title>  


        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <meta  http-equiv = "X-UA-Compatible"  content = "IE=8"  />
<script type="text/javascript">        $(document).ready(function () {
                    var adc = $("[id='dd:plantilla']").val();
            if (adc==="0") {
    $("[id='mitabla']").hide();
}else{
  $("[id='mitabla']").show();
}
            
        });
    </script>
    </h:head>
    <h:body>



        <div id="top" class="top" style="height: 60px" align="center">
            <hr2 > Conciencia Fonológica Rutas de Lectura Programar</hr2>
        </div>



        <div id="left" >

            <ui:include src="vMenu.xhtml" />

        </div>




        <div  class="left_content">




            <h:form id="dd" > 
                <p:growl id="growl" showDetail="true" sticky="true" /> 
                <p:panel>


                    <table>
                        <tr>
                            <td>
                                <h:outputText value="Codigo: " />  


                            </td>
                            <td>

                                <p:inputText id="txtcodigo" size="20" value="#{tmpEjercicioCFController.ejer.codigo}"  required="true" >

                                </p:inputText> 
                                <p:message for="txtcodigo" /> 
                            </td>

                            <td>
                                <h:outputText value="Plantilla: " /> 

                            </td>
                            <td>
                                <h:selectOneMenu id="plantilla"
                                                 value="#{tmpEjercicioCFController.plant.codigo}" converter="#{IntegerConverter}" style="width: 200px">
                                    <f:selectItem itemLabel="Seleccione" itemValue="0" />
                                    <f:selectItems value="#{tmpEjercicioCFController.listPlantilla}" var="anio"
                                                   itemLabel="#{anio.descripcion}" itemValue="#{anio.codigo}"
                                                   />
                                    <f:ajax render="dtPlantilla" listener="#{tmpEjercicioCFController.cargaLista}" ></f:ajax>
                                </h:selectOneMenu>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Descripcion: " />  

                            </td>
                            <td>
                                <p:inputTextarea   required="true"  cols="50" id="txtDescripcs" value="#{tmpEjercicioCFController.ejer.descripcion}" ></p:inputTextarea> 
                                <p:message for="txtDescripcs" /> 
                            </td>
                            <td>

                                <h:outputText value="Dificultad: " />
                            </td>
                            <td>
                                <h:selectOneMenu id="dificultad"
                                                 value="#{tmpEjercicioCFController.ejer.dificultad}">
                                    <f:selectItem itemLabel="Seleccione" itemValue="0" />
                                    <f:selectItem itemLabel="Baja" itemValue="1" />
                                    <f:selectItem itemLabel="Media" itemValue="2" />
                                    <f:selectItem itemLabel="Alta" itemValue="3" />
                                </h:selectOneMenu>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <h:outputText value="Enunciado " />
                            </td> 
                            <td>
                                <p:inputText required="true" id="txtenun" value="#{tmpEjercicioCFController.ejer.enunciado}" size="50"></p:inputText> 
                                <p:message for="txtenun" /> 
                            </td>
                        </tr>
                    </table>


                    <table style="width: 100%" id="mitabla">
                        <tr>
                            <td style="width: 70%">


                                <p:dataTable  id="dtPlantilla" var="war" value="#{tmpEjercicioCFController.listtmpEjercicioCF}"  emptyMessage="No existen datos">

                                    <p:column  headerText="Columna A">
                                        <h:outputText style="display: none" value="#{war.codTmpEjercicioCf}"></h:outputText>
                                        <h:outputText value="#{war.codA}"></h:outputText>
                                        
                                        <h:commandLink action="#{tmpEjercicioCFController.showResult}">
                                            <p:graphicImage height="50"  width="50" value="/image/#{war.imagenA}"> </p:graphicImage>                               

                                            <f:param name="condicion" value="1" ></f:param>
                                            <f:setPropertyActionListener value="#{war}" target="#{tmpEjercicioCFController.tmpejerciciocf}" /> 
                                        </h:commandLink>
                                        <p:inputText id="txt"  value="#{war.enlace}" size="5"></p:inputText>    

                                    </p:column>

                                    <p:column width="30">


                                    </p:column>
                                    <p:column headerText="Columna B" style="alignment-baseline: central" >
                                        <h:outputText value="#{war.codB}"></h:outputText>
                                        <h:commandLink action="#{tmpEjercicioCFController.showResultB()}">
                                            <p:graphicImage   height="50"  width="50"  value="/image/#{war.imagenB}">                   
                                                <f:param name="condicion" value="2" ></f:param>
                                                
                                            </p:graphicImage>
                                        </h:commandLink>

                                    </p:column>

                                </p:dataTable>








                            </td>
                            <td>

                                <p:graphicImage width="100" height="100" value="/image/fonde_pantalla.jpg"></p:graphicImage>
                                <p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}" mode="advanced" dragDropSupport="false"  
                                              update="messages" sizeLimit="100000" fileLimit="3" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" /> 
                                <p:growl id="messages" showDetail="true"/>  
                                <br>

                                </br>


                                <p:selectManyCheckbox id="lineDirection">  
                                    <f:selectItem itemLabel="Voz" itemValue="Option 1" />  

                                </p:selectManyCheckbox>  

                                <p:graphicImage width="100" height="100" value="/image/microfono.jpg"></p:graphicImage>

                            </td>
                        </tr>

                    </table>







                    <table>
                        <tr>
                            <td>



                                <p:commandButton value="Grabar"  title="Grabar"   id="btnGrabar" actionListener="#{tmpEjercicioCFController.grabarDatos}" update="growl" >                     
                                </p:commandButton>


                            </td>
                            <td>
                                <p:commandButton value="Salir"  id="btnGr" action="wfrmEjercicioAdm.jsf" >                        
                                </p:commandButton>
                            </td>
                        </tr>

                    </table>








                </p:panel>
                
                
                
                <script>
        $("[id='dd:plantilla'] option").click(function() {


                                var adc = $("[id='dd:plantilla']").val();
           
            
            if (adc==="0") {
    $("[id='mitabla']").hide();
}else{
  $("[id='mitabla']").show();
}

        });
    </script>
              
            <script>
        $("[id='dd:plantilla'] option").load(function() {
                                var adc = $("[id='dd:plantilla']").val();
            if (adc==="0") {
    $("[id='mitabla']").hide();
}else{
  $("[id='mitabla']").show();
}

        });
    </script>
<!--                <script>
        $("[id='dd:plantilla'] option").ready(function() {
                                var adc = $("[id='dd:plantilla']").val();
            if (adc==="0") {
    $("[id='mitabla']").hide();
}else{
  $("[id='mitabla']").show();
}

        });
    </script>   -->
            </h:form>     
        </div>


    </h:body>
</html>

